<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div class="pageHeader">
		<div class="searchBar" >
			<ul class="searchContent">
				<li>Search1</li>
				<li>Search2</li>
				<li>Search3</li>
			</ul>
		</div>
	</div>
	
	<div class="pageContent">
		<div class="panelBar">
			<ul class="toolBar">
				<li><a class="add" href="A" target="ajaxTodo" rel="a" ><span>a</span></a></li>
				<li><a class="add" href="dialog1.jsp" target="dialog" rel="dialog1"><span>dialog1</span></a></li>
				<li><a class="add" href="DialogAjax?opt=list" target="dialog" rel="dialog2"><span>dialog2</span></a></li>
				<li><a class="add" href="lookup1.jsp" target="dialog" rel="lookup1"><span>lookup1</span></a></li>
				<li><a class="add" href="lookup2.jsp" target="dialog" rel="lookup2"><span>lookup2</span></a></li>
				<li><a class="add" href="lookup3.jsp" target="dialog" rel="lookup3"><span>lookup3</span></a></li>
				<li><a class="add" href="subtable.jsp" target="dialog" rel="subtable" height="410"><span>subtable</span></a></li>
			</ul>
		</div>
		<table class="table" targetType="navTab" width="98%" LayoutH="600">
			<thead>
				<tr>
					<th>A</th>
					<th>B</th>
					<th>C</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>
			</tbody>
		</table>
		<div class="panelBar">
			<ul class="toolBar">
				<li><a class="add" href="DBAjax" target="ajaxTodo" ><span>db1</span></a></li>
				<li><a class="add" href="javascript:;" id="loadurl" ><span>loadUrl</span></a></li>
				<li><a class="add" href="chart1.jsp" target="dialog" width="700" height="550"><span>chart1</span></a></li>
			</ul>
		</div>
		<table class="table" targetType="navTab" width="98%" >
			<thead>
				<tr>
					<th>A</th>
					<th>B</th>
					<th>C</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>
			</tbody>
		</table>
		<div class="pageContent sortDrag" layoutH="700">
			<div style="border:1px solid #B8D0D6;padding:5px;margin:5px">A1</div>
		</div>
		<div id="x1" style="width: 600px;" layoutH="560">urlLoad${name }</div>
	</div>
	
	<script type="text/javascript">
		$(function(){
			$("#loadurl").click(function(){
				var x = "123";
				$("#x1").loadUrl("UrlLoadAjax",{"opt":x},ao);
			});
			
			function ao(xx){
// 				alert("xx");
			}
			
		});
		
	</script>
</body>
</html>